@charset "utf-8";

/*
 *@本css功能：首页
 *@本css作者：杨锡君
 *@编写时间：2017年10月25日
 */

html,
body {
	/*height: 100%;*/
	overflow: hidden;
}

body {
	/*background: #fff url(../../images/bg_index.jpg) no-repeat center;*/
	background: #263b5b;
	background-size: cover;
	position: relative;
}


/*logo*/

.top {
	height: 49px;
	width: 100%;
	background: #31496f url(../../images/ad_top.png) right center no-repeat;
	border-top: 1px solid #31496f;
}

.top img {
	height: 30px;
	margin: 9px 0 0 30px;
}


/*导航*/

.navTop {
	height: 80px;
	width: 100%;
	display: none;
	background: #263b5b;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#2d456b', endColorStr='#385176', gradientType='0');*/
	/*background: -moz-linear-gradient(top, #2d456b, #385176);*/
	/*background: -o-linear-gradient(top, #2d456b, #385176);*/
	/*background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#2d456b), to(#385176))*/
}
.headFileBtn{
	width: 120px;
	height: 24px;
	display: block;
	background: #c80211;
	color: #fff;
	border-radius: 5px;
	line-height: 24px;
	padding: 0 10px;
	font-size: 14px;
	margin-top: 10px;
	cursor: pointer;
}
.headFileBtn:hover{
	background: #aa2011;
}
.box_4 {
	float: left;
	width: 350px;
	height: 100%;
	font-size: 16px;
	color: #fff;
	line-height: 80px;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	transition: 0.5s;
}
.box_4:hover{
	transform: scale(1.05);
}
.box_4 img{
	display: inline-block;
	margin: 0 6px 0 14px;
	vertical-align: middle;
}
.box_4 div {
	display: block;
	position: absolute;
	right: 0;
	top: 38px;
	background: url(../../images/ico_role.png) no-repeat;
	height: 24px;
	width: 68px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	cursor: default;
}
.headerPopup{
	width: 580px;
}
/*@media only screen and (max-width:1680px) {*/
	/*.box_4 {*/
		/*font-size: 14px;*/
	/*}*/
	/*.box_4 div {*/
		/*display: block;*/
		/*left: 264px;*/
	/*}*/
/*}*/



/*@media only screen and (max-width:1280px) {*/
    /*.box_4 div {*/
        /*display: none;*/
    /*}*/
    /*.box_4 {*/
        /*font-size: 12px;*/
    /*}*/
/*}*/
.box_1 {
	float: left;
	width: 7%;
	height: 100%;
	/* border-left: 1px solid #586b89; */
	/* border-right: 1px solid #586b89; */
	color: #fff;
	text-align: center;
	cursor: pointer;
	position: relative;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 80px;
}

.box_1 img {
    transition: 0.5s;
    /* height: 14px; */
    width: 20px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.box_1[data-no='0']:hover{
	background: url(../../images/nav_topHovers.png) no-repeat center;
	/*cursor: pointer;*/
}
/*.box_1[data-no='0']:hover img{*/
	/*transform: scale(1.3);*/

/*}*/
.imgAnimate {
	transform: scale(1.3);
}

.navBg {
	background: url(../../images/nav_topHover.png) no-repeat center;
}

.exit {
	float: right;
	border: none;
	transition: 0.5s;
}

.exit:hover {
	background: url(../../images/nav_topDef.png) no-repeat center;
}

.exit:hover img {
	/*transform: scale(1.3);*/
}
.exit img{
    margin: 0;
    width: 21px;
    height: 22px;
}
.main {
	/*overflow: hidden;*/
	width: 100%;
	/*min-height: 690px;*/
}


/*左侧内容*/

.moveArrow {
	width: 28px;
	height: 55px;
	position: absolute;
	top: 134px;
	left: 212px;
	cursor: pointer;
	background: url(../../images/nav_move.png) no-repeat center;
	z-index: 10;
}

.moveBack {
	width: 28px;
	height: 55px;
	position: absolute;
	top: 134px;
	cursor: pointer;
	/*z-index: 1000;*/
	background: url(../../images/nav_back.png) no-repeat center;
}

.main .left {
	width: 240px;
	/*overflow-y: auto;*/
}

.main .left {
	text-align: center;
	color: #fff;
}

.userInforBox {
    height: 170px;
    width: 100%;
    /* background: url(../../images/nav_default.png) repeat; */
    border-top: 1px solid #263b5b;
}

.userHeadBox {
	width: 100%;
	height: 58px;
}

.userHead {
	width: 53px;
	height: 53px;
	border-radius: 50%;
	margin: 12px auto;
	background: url(../../images/ico_testHead.jpg) no-repeat center;
	border: 2px solid #fff;
	background-size: contain;
	cursor: pointer;
	/*transition: 1s;*/
}

.userHead:hover {
	animation: flash 3s infinite;
	-moz-animation: flash 3s infinite;
	/* Firefox */
	-webkit-animation: flash 3s infinite;
	/* Safari and Chrome */
	-o-animation: flash 3s infinite;
}



.userName {
	margin: 9px auto 0;
	width: 100%;
	/*animation: rubberBand 3s forwards;*/
	/*-moz-animation: rubberBand 3s forwards;*/
	/*!* Firefox *!*/
	/*-webkit-animation: rubberBand 3s forwards;*/
	/*!* Safari and Chrome *!*/
	/*-o-animation: rubberBand 3s forwards;*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: 0.5s;
}

.userName:hover {
	transform: scale(1.05);
	/*animation: rubberBand 3s infinite;*/
	/*-moz-animation: rubberBand 3s infinite;*/
	/*!* Firefox *!*/
	/*-webkit-animation: rubberBand 3s infinite;*/
	/* Safari and Chrome */
	/*-o-animation: rubberBand 3s infinite;*/
}



.funBox {
	height: 50px;
	width: 100%;
	margin-top: 10px;
	line-height: 5.8;
}

.funBox div {
	width: 80px;
	height: 100%;
	float: left;
	font-size: 14px;
	position: relative;
	cursor: pointer;
}

.funBox div:hover img {
	transform: scale(1.3);
}

.funBox div:nth-of-type(2) {
	width: 78px;
	border-left: 1px dashed #fff;
	border-right: 1px dashed #fff;
}

.funBox div img {
	top: 0;
	left: 50%;
	position: absolute;
	margin-left: -12px;
	width: 24px;
	transition: 0.5s;
	height: 24px;
	/*cursor: pointer;*/
}


/*滚动条整体部分,必须要设置*/

::-webkit-scrollbar {
	width: 5px;
	height: 10px;
	background-color: #00a3e0;
}


/*滚动条的轨道*/

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
	background-color: #71879c;
}


/*滚动条的滑块按钮*/

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #fff;
	box-shadow: inset 0 0 1px #000;
}


/*滚动条的上下两端的按钮*/

::-webkit-scrollbar-button {
	height: 5px;
	background-color: #2e466d;
}

.mainNav {
	margin-top: 20px;
	overflow: auto;
}

.navFirst {
	line-height: 40px;
	/*background: url(../../images/nav_default.png) repeat-y;*/
	margin-bottom: 4px;
	background-size: 100%;
}

.navFirst a {
	display: block;
	color: #fff;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
}

.navFirst a .down {
	background: url(../../images/down.png) no-repeat;
	background-position: 80% center;
	display: block;
}

.navFirst a .up {
	background: url(../../images/up.png) no-repeat;
	background-position: 80% center;
	display: block;
}


/*.main .left>ul>li:hover>a {
	background: url(../../images/nav_hover.png) repeat-y;
}*/

.leftClick {
	background: url(../../images/nav_hover.png) repeat-y;
}


/*.nav_0 div {
	background: url(../../../images/pc/cores/nav0.png) no-repeat;
	background-position: 40px 50%;
}

.nav_01 div {
	background: url(../../../images/pc/cores/nav03.png) no-repeat;
	background-position: 40px 50%;
}*/

.subNav {
	display: none
}

.subNav li {
	line-height: 40px;
	background: url(../../images/nav_default.png) repeat-y;
	margin-bottom: 1px;
	margin-top: 1px;
}

.subNav li a {
	display: block;
	color: #fff;
	text-align: left;
	padding-left: 90px;
	cursor: pointer;}


/*.main .left>ul>li>ul>li:hover a {
	background: url(../../images/nav_hover.png) repeat-y top;
}*/


/*右侧内容*/

.iframeBox {
	background: #dfdfdf;
}

#ifMain {
	background: #dfdfdf;
	width: 100%;
	height: 100%;
	border: none;
}
.popup_content {
	font-size: 16px;
	height: auto;
}
.popup_content>div{
	width: 265px;
	margin: 20px auto;
}
.popup_content>div:nth-of-type(3){
	margin-bottom: 30px;
}
.popup_btn .popup_close:hover{
	background: #fff;
	border: 1px solid #C80211;
	color: #c80211;
}
.popup{
	display: block;
	width: 576px;
}
.popup_contents{
	padding: 20px;
}
.popup_contents img{
	width: 100%;
	height: 100%;
}
.popup_contents .headerAll{
	height: 220px;
	overflow: auto;
	width: auto;
	margin: 0;
}
.oneHead {
	width: 100px;
	margin: 0 28px 10px 0;
	border: 2px solid #cdcdcd;
	background: #98aaac;
	height: 100px;
}
.localPhotoBox .headerChose,.headerAll .headerChose{
	background: #98aaac url(../../images/ico_headerChose.png) no-repeat right bottom;
	border-color: #29bafe;
}
.localPhotoBox>div{
	width: 100px;
	margin: 0 28px 10px 0;
	border: 2px solid #cdcdcd;
	background: #98aaac;
	height: 100px;
}
.popup_content .localPhotoBox{
	width: auto;
	margin: 0;
}
button.popup_confirm.exportBtn.hover-btn.publicBtn {
	width: 124px;
	height: 45px;
	border: none;
	line-height: 45px;
}
button.popup_confirm.exportBtn.hover-btn.publicBtn:hover {
	background: #aa2011;
}

@media only screen and (max-width:1440px) {
    .box_1 i{
        display: none;
    }
    .box_1 img{
        margin: 0;
        width: 22px;
    }
    .box_1[data-no='0']:hover > i{
        display: inline-block;
        width: 45%;
        /* white-space: inherit; */
        overflow: hidden;
        word-break: break-all;
        white-space: initial;
        line-height: 1.3;
        margin-top: 23px;
    }
    .box_1[data-no='0']:hover > img{
        display: none;
    }
	.exit img{
		display: inline-block!important;
	}
}